<style>

    .ly-table-info{
        display: flex;
        align-items: flex-end;
        margin-bottom: 8px;
        font-size: 12px;
        line-height: 18px;
        color: #666;
        padding-left: 30px;
    }

    .main-box .ly-table-info {
        padding-left: 10px;
    }

    .ly-table-info .total {
        color: #111;
        margin: 0 4px;
        font-size: 16px;
        line-height: 22px;
        font-weight: bold;
    }
    .ly-table-info .total-num{
        margin-right: 16px;
    }
    .ly-table-info  .total-num:empty {
        margin-right: 0;
    }
    .ly-table-info   .other-num {
        color: #ff4319;
        font-weight: bold;
        margin: 0 20px 0 4px;
    }

    .ly-table-info .ly-info-label{
        font-size: 12px;
        line-height: 18px;
        margin-right: 16px;
    }
</style>
<template>
    <div class="ly-table-info">
        <div class="total-num">
            <span>{{prefix}}</span><b class="total">{{num}}</b><span>{{append}}</span>
        </div>
        <slot></slot>
    </div>
</template>
<script>
    Rap.define('', function () {
        return {
            name: 'ly-table-info',
            props: {
                prefix:{
                    default:'共'
                },
                num:{
                    default:'-'
                },
                append:{
                    default:'条数据'
                },
            },
            data: function () {
                return {};
            },
            created: function () {},
            mounted: function () {},
            methods: {}
        }
    });
</script>


